.tw-card{
  background-color: rgba(0, 93, 255, 0.15);
  border: solid 2px #05388f;
  &__label{
    position: relative;
    max-height: 5.2vh;
    line-height: 5.2vh;
    color: #ffffff;
    h4{
      height: 5.2vh;
      font-size: 20px;
      display: inline-block;
      border-bottom: 4px solid #5996ff;
      @media screen and (max-width: 1600px){
        font-size: 18px;
      }
    }
    .sub-label{
      color: #94aad4;
      font-size: 18px;
      margin-left: 15px;
      @media screen and (max-width: 1600px){
        font-size: 16px;
      }
    }
    &__rightLabel{
      float: right;
      color: #07ffff;
      height: 5.2vh;
      font-size: 20px;
      &.gray-label{
        color: #94aad4;
      }
      @media screen and (max-width: 1600px){
        font-size: 18px;
      }
      @media screen and (max-width: 1366px){
        font-size: 14px;
      }
    }
    &__layout{
      height: 5.2vh;
      margin: 0 20px;
      border-bottom: 2px solid #05388f;
    }
    &__left-corner,
    &__right-corner{
      position: absolute;
      display: inline-block;
      width: 24px;
      height: 24px;
    }
    &__left-corner{
      left: -2px;
      top: -2px;
      border-left: 2px solid #298eff;
      border-top: 2px solid #298eff;
    }
    &__right-corner{
      right: -2px;
      top: -2px;
      border-right: 2px solid #298eff;
      border-top: 2px solid #298eff;
    }
  }
  &__tabs{
    margin-bottom: -1px;
    &--right{
      float: right;
      text-align: right;
    }
    > li {
      display: inline-block;
      font-size: 20px;
      line-height: 4.95vh;
      @media screen and (max-width: 1600px){
        font-size: 18px;
      }
      > a {
        color: #bbbbbb;
        padding: 0 10px;
      }
      &:hover{
        cursor: pointer;
      }
      &.active{
        border-bottom: 4px solid #5996ff;
        > a {
          color: #ffffff;
        }
      }
    }
  }
  &__content{
    width: 100%;
    &--left{
      padding: 0 10px 20px 20px;
    }
    &--right{
      padding: 0 20px 20px 10px;
    }
  }
  &.has-no-bg{
    background: none;
    border: none;
    .tw-card__label__left-corner,
    .tw-card__label__right-corner{
      display: none;
    }
  }
}
